<template>
  <div class="box">
    <span>房产经纪</span>
    <el-card :body-style="{padding:'0',margin:'0'}">
      <el-row type="flex" justify="center">
        <!-- 左边图片 -->
        <div class="left">

        </div>
        <!-- 右边文本 -->
        <div class="right">
          <h3>{{}}</h3>
          <span>培养了一支德才兼备、具有市场充争力的员工队伍:打造和树立了'安盛品牌"和"安监风格”,集团十分注重发挥党组织在企业中的积级作用,重视企业文化和“再就业工程”,热心社会公益事,业和惑鲁事业,</span>
        </div>
      </el-row>
    </el-card>
  </div>
</template>

<script>
import { getAgents } from '@/api/agents'
export default {
  data () {
    return {
      FormData: []
    }
  },
  async created () {
    this.getAgentsList()
  },
  methods: {
    async getAgentsList () {
      const res = await getAgents()
      console.log(85, res.data)
      this.FormData = res.data
    }
  }
}
</script>

<style lang="scss" scoped>
.box{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 775px;
  text-align: center; /* 文字居中对齐 */
  margin: 0 auto;
  >span{
   margin-right: 700px;
   color: #ead4a6;
   line-height: 20px;

  }
  .el-card{
    height: 200px;
    width: 800px;
    margin-top: 10px;

    .el-row{
      height: 200px;
      .left{
      width: 50%;
      border-right: 1px solid #e7e5e8;
      background: url(@/img/1.jpg) 50% 50% no-repeat;
      background-size: 100px;
      margin: 10px 0;
      }
      .right{
        span{
          line-height: 40px;
        }
      }
    }
  }
}
</style>
